<!-- 表示当前文档是html5版本 让浏览器使用h5的规范解析 -->
<!DOCTYPE html>
<!-- 表示网页的开始与结束 lang=“en”表示网页是一个英文网站 zh表示中文 -->
<html lang="en">
<!-- 网页头部。存放一些配置信息 -->
<head>
    <meta charset="UTF-8">  <!--配置编码，为了认识中文-->
    <title>哈哈哈我是标题</title>  <!--配置网页的标题-->
</head>
<body>  <!--网页展示的内容-->
    哈哈哈我是内容 <br>    <!-- br换行标签 -->
    <!--文本处理标签-->
    <b>加粗文本</b>  <br>
    <i>斜体文字</i>  <br>
    <u>下划线文字</u>  <br>
    <s>删除线文本</s>  <br>
<!--转义符号 &nbsp 空格-->
    <mark>高亮标记&nbsp;&nbsp;&nbsp;&nbsp;文本</mark>  <br>
<!--&lt;小于号（less than） &gt；大于号（greater than）-->
    我最喜欢&lt;tom&gt;的静夜思

<!--标题标签-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
<!--只有六级标题 再写多的话会不起作用，只有普通文本文字的效果-->
    <h7>七级标题</h7>  <hr>

<!--段落标签 独占一行的块级元素 有垂直方向的行间距-->
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>

<!--lorem然后按Tab补全 生成占位文本假文本-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quos vero voluptate. Accusamus aperiam at atque consectetur corporis expedita explicabo incidunt magnam modi natus officia, quaerat repellendus voluptate? Delectus, maiores?

<hr>


<!--ol>li*数字:创建一个有序列表 (<ol>)，其中包含三个 (*3) 直接子元素的列表项 (<li>
    ul>li*数字：创建一个无序列表 (<ul>) 包含三个 (*3) 列表项 (<li>).
-->


<!--有序列表  ol(order list)  li(list item)  行数会有顺序标记
type=的可以是 1阿拉伯数字（默认的） A/a（大小写字母） I/i（大小写罗马数字）-->
<ol type="1">
    <li>第一行</li>
    <li>第二行</li>
    <li>第三行</li>
</ol>

<!--无序列表  ul(unorder list)  li(list item) 行数没有顺序标记
    type=none 去除列表项前标识符       -->
<ul type="none">
    <li>第一行</li>
    <li>第二行</li>
    <li>第三行</li>
</ul>


<ul>
    <ol>
        热菜
        <li>西红柿肉腩</li>
        <li>水煮肉片</li>
        <li>溜肉段</li>
        <li>宫保鸡丁</li>
    </ol>
    <br>
    <ol>
        凉菜
        <li>拍黄瓜</li>
        <li>皮蛋豆腐</li>
        <li>凉拌三丝</li>
    </ol>
    <br>
    <ol>
        主食
        <li>米饭</li>
        <li>馒头</li>
    </ol>
    <br>
</ul>



<h1>个人简历</h1>
<h3>基本信息</h3>
<p><b>传奇哥</b> <br></p>
<p>性别：男    <br></p>
<p>爱好:<s>摄影</s></p>

<h3>个人经历</h3>
<ul >
    <li>小学9年</li>
    <li>中学9年</li>
    <li>高中12年</li>
</ul>

<h3>获得荣誉</h3>
<ol>
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>



</body>
</html>
